.app{
	min-height: 0!important;
}
.body-view{
	position:absolute;
	top:0;
	left: 0;
	
	width: 100vw;
	height: 100vh;
	background: linear-gradient(18deg, #E3FAEB 0%, #EAFCE1 59%, #B2FACD 100%);
	.state-navigation{
		background: none;
	}
	.scroll-y{
        position:absolute;
        top:var(--status-bar-height);
        bottom:calc(100rpx + constant(safe-area-inset-bottom));
        bottom:calc(100rpx + env(safe-area-inset-bottom));
        
	}
	.top-title{
        height:400rpx;
        align-items: flex-end;
        padding-bottom:40rpx;
		.title-content{
            width:370rpx;
            margin-left:70rpx;

			.content-title{
				font-size: 50rpx;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #333333;
			}
			.content-describe{
				font-size: 26rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #666666;
                margin-top:20rpx;
			}
		}
		.title-image{
			width: 162rpx;
			height: 511rpx;
            margin-left:70rpx;
            align-self: start;
		}
	}
	.middle-form{
        position:relative;
		padding: 0 20rpx 0 20rpx;
		.form-content{
            width:710rpx;
			background: #ffffff;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			padding: 20rpx;
			.form-row{
				height: 80rpx;
				.row-title{
					width: 180rpx;
					font-size: 30rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
				}
				.row-input{
					flex: 1;
					justify-content: flex-end;
					.input-placeholder{
						font-size: 32rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #CCCCCC;
						text-align: right;
						padding-right: 10rpx;
						
						
						flex: 1;
					}
					.input-show{
						padding-right: 10rpx;
						.show-image{
							width: 36rpx;
							height: 36rpx;
						}
						.show-text{
							margin-top: -4rpx;
							padding-left: 10rpx;
							font-size: 32rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #333333;
						}
					}
					.placeholder{
						font-size: 32rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #CCCCCC;
					}
					.row-navigation{
						font-size: 20rpx;
					}
					.input-unit{
						height: 45rpx;
						font-size: 32rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #333333;
						padding-right: 10rpx;
					}
					.input-suggest{
						height: 45rpx;
						font-size: 32rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #1DC691;
					}
				}
			}
			// .content-count{
			// 	padding: 27rpx 25rpx 23rpx 3rpx;
			// 	border-bottom: 1rpx solid #F5F5F5;  
			// 	.count-describe{
			// 		padding-right: 90rpx;
			// 		.describe-title{
			// 			padding-top: 14rpx;
			// 			font-size: 28rpx;
			// 			font-family: PingFangSC-Regular, PingFang SC;
			// 			font-weight: 400;
			// 			color: #666666;
			// 		}
			// 		.describe-symbol{
			// 			margin-top: -25rpx;
			// 			font-size: 60rpx;
			// 			font-family: PingFangSC-Regular, PingFang SC;
			// 			font-weight: 400;
			// 			color: #1DC691;
			// 			text-align: center;
			// 		}
			// 	}
			// 	.count-contrast{
			// 		.contrast-food{
			// 			width: 100rpx;
			// 			.food-image{
			// 				width: 100rpx;
			// 				height: 100rpx;
			// 			}
			// 			.food-describe{
			// 				font-size: 24rpx;
			// 				font-family: PingFangSC-Regular, PingFang SC;
			// 				font-weight: 400;
			// 				color: #999999;
			// 				text-align: center;
			// 			}
			// 		}
			// 		.contrast-or{
			// 			width: 70rpx;
			// 			.or-text{
			// 				height: 100rpx;
			// 				font-size: 28rpx;
			// 				font-family: PingFangSC-Regular, PingFang SC;
			// 				font-weight: 400;
			// 				color: #999999;
			// 			}
			// 		}
			// 	}
			// }
			// .content-describe{
			// 	padding: 20rpx 0 26rpx 0;
			// }
		}
	}
	.bottom-button{
		width: 100vw;
		position:absolute;
		left:0;
		bottom: 0;
		padding-bottom: 60rpx;
		.button-button{
			font-weight: 600;
		}
	}
	.sex-confirm{
		width: 654rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		padding: 80rpx 0 30rpx 0;
		.sex-icon{
			position:relative;
			width: 160rpx;
			height: 160rpx;
			.icon-image{
				width: 100%;
				height: 100%;
			}
			.icon-background{
				position:absolute;
				top:0;
				left: 0;
				
				width: 40rpx;
				height: 40rpx;
				
				border-radius: 50%;
				.gender-icon{
					font-size: 41rpx;
					color: #ffffff;
				}
			}
			.male{
				background: #8498FF;
			}
			.female{
				background: #FF84CC;
			}
		}
		.confirm-sex{
			padding-top: 10rpx;
			font-size: 32rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;

		}
		.confirm-title{
			padding-top: 60rpx;
			font-size: 34rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
		}
		.confirm-describe{
			padding-top: 30rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
		}
		.confirm-confirm{
			padding-top: 80rpx;
			.confirm-button{
				border-radius: 40rpx;
				font-weight: 600;
			}
		}
		.confirm-cancel{
			padding-top: 22rpx;
			.cancel-button{
				width: 590rpx;
				line-height: 80rpx;
				border-radius: 40rpx;
				border: 2rpx solid #CCCCCC;
				
				font-size: 32rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
			}
		}
	}
}
.uni-forms-item{
	margin-bottom: 0;
}